    /* banner区域 */
    
    .banner {
        background-color: #f5f5f5;
    }
    
    .banner .wrapper {
        position: relative;
        height: 500px;
        overflow: hidden;
    }
    /* banner背景图片区域 */
    
    .banner .bannerImgList {
        display: flex;
        width: 3720px;
    }
    /* 侧导航 */
    
    .subnav {
        position: absolute;
        left: 0;
        top: 0;
        background-color: rgba(0, 0, 0, 0.42);
    }
    
    .banner .subnav ul {
        height: 500px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    
    .banner .subnav li {
        cursor: pointer;
        height: 50px;
        width: 250px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 30px;
        padding-right: 12px;
    }
    
    .banner .subnav li:hover {
        background-color: #00BE9A;
    }
    
    .banner .subnav li a {
        font-size: 14px;
        margin-right: 5px;
        color: #fff;
    }
    
    .banner .subnav li a.classify {
        font-size: 16px;
        margin-right: 14px;
    }
    
    .banner .subnav li .icon-arrow-right-bold {
        color: #fff;
    }
    /* banner区域右下角跳转圆点 */
    
    .banner ol {
        position: absolute;
        width: 90px;
        height: 22px;
        bottom: 17px;
        right: 16px;
        display: flex;
        justify-content: space-between;
    }
    
    .banner ol li {
        width: 22px;
        height: 22px;
        border-radius: 11px;
        cursor: pointer;
        display: flex;
        justify-content: center;
        align-items: center;
        /* background-color: rgba(255, 255, 255, 0.5); */
    }
    
    .banner ol li i {
        display: block;
        width: 14px;
        height: 14px;
        border-radius: 7px;
        background-color: rgba(255, 255, 255, 0.5);
    }
    
    .banner ol .current {
        background-color: rgba(255, 255, 255, 0.5);
    }
    
    .banner ol .current i {
        background-color: rgba(255, 255, 255);
    }
    /* 新鲜好物 */
    
    .newgoods .wrapper {
        height: 476px;
    }
    /* 通用title类 */
    
    .title {
        margin-top: 40px;
        margin-bottom: 30px;
        height: 42px;
        display: flex;
        justify-content: space-between;
    }
    
    .title .left {
        display: flex;
    }
    
    .title .left p {
        align-self: flex-end;
    }
    
    .title .left h3 {
        font-size: 30px;
        margin-right: 35px;
    }
    
    .title .right {
        display: flex;
    }
    
    .title .left p,
    .title .right .more,
    .title .right .more .icon-arrow-right-bold {
        font-size: 16px;
        color: #a1a1a1;
    }
    
    .title .right .more {
        width: 90px;
        height: 42px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    /* 通用content类 */
    
    .content .itemlist {
        display: flex;
        justify-content: space-between;
    }
    
    .content .itemlist li {
        width: 304px;
        height: 404px;
    }
    
    .content .itemlist .pic {
        width: 304px;
        height: 304px;
    }
    
    .content .itemlist .txt {
        text-align: center;
    }
    
    .content .itemlist .txt h4 {
        font-size: 20px;
        margin-top: 18px;
        margin-bottom: 8px;
    }
    
    .content .itemlist .txt .price {
        font-size: 18px;
        color: #aa2113;
    }
    
    .content .itemlist .txt .price span {
        font-size: 22px;
    }
    /* 新鲜好物content类额外设置 */
    
    .newgoods .itemlist li {
        background-color: #EEF9F4;
    }
    /* 人气推荐content类额外设置 */
    
    .sellgoods .itemlist .desc {
        font-size: 16px;
        color: #a1a1a1;
    }
    /* 热门品牌区域 */
    
    .brandgoods {
        margin-top: 60px;
        background-color: #f5f5f5;
    }
    
    .brandgoods .wrapper {
        height: 468px;
        overflow: hidden;
    }
    /* 热门品牌title类额外设置 */
    
    .brandgoods .title {
        position: relative;
        margin-bottom: 40px;
    }
    
    .brandgoods .title .button {
        position: absolute;
        right: 0;
        bottom: -25px;
        width: 52px;
        height: 20px;
        justify-content: space-between;
        display: flex;
    }
    
    .brandgoods .title .button a {
        width: 20px;
        height: 20px;
        text-align: center;
        line-height: 20px;
    }
    
    .brandgoods .title .button .prev {
        background-color: #ddd;
    }
    
    .brandgoods .title .button .next {
        background-color: #00BE9A;
    }
    
    .brandgoods .title .button .prev i,
    .brandgoods .title .button .next i {
        font-size: 16px;
        color: #fff;
    }
    /* 热门品牌content类额外设置 */
    
    .brandgoods .content .itemlist li,
    .brandgoods .content .itemlist .pic {
        width: 244px;
        height: 306px;
    }
    /* 生鲜区域 */
    
    .freshgoods .wrapper {
        height: 672px;
    }
    /* 生鲜区域title类额外设置 */
    
    .freshgoods .title {
        margin-top: 60px;
        margin-bottom: 20px;
    }
    
    .freshgoods .title .right {
        align-items: center;
    }
    
    .freshgoods .title .right ul {
        width: 380px;
        height: 32px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-right: 58px;
    }
    
    .freshgoods .title .right ul a {
        padding: 0 7px;
        display: block;
        height: 20px;
        line-height: 20px;
    }
    
    .freshgoods .title .right ul a.active {
        background-color: #00BE9A;
        color: #fff;
    }
    /* 生鲜区域content类额外设置 */
    
    .freshgoods .content {
        width: 1240px;
        height: 610px;
        display: flex;
        justify-content: space-between;
    }
    
    .freshgoods .content .left .pic {
        width: 248px;
        height: 610px;
    }
    
    .freshgoods .content .right .itemlist {
        align-content: space-between;
        flex-wrap: wrap;
    }
    
    .freshgoods .itemlist li {
        overflow: hidden;
        position: relative;
        width: 242px;
        height: 305px;
        padding: 10px 21px 0;
        border: 2px solid transparent;
    }
    
    .freshgoods .itemlist .pic {
        width: 200px;
        height: 180px;
    }
    
    .freshgoods .itemlist .txt .info {
        margin-top: 14px;
        margin-bottom: 5px;
        height: 60px;
        line-height: 19px;
    }
    
    .freshgoods .itemlist .txt .info h4,
    .freshgoods .itemlist .txt p {
        margin: 0;
        font-size: 16px;
        text-align: left;
    }
    /* 生鲜区域移动显示额外内容 */
    
    .freshgoods .itemlist .cover {
        position: absolute;
        width: 100%;
        height: 80px;
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        background-color: #00BE9A;
        left: 0;
        bottom: -80px;
        text-align: center;
        transition: bottom .5s ease-in-out;
    }
    
    .freshgoods .itemlist .cover span,
    .freshgoods .itemlist .cover a {
        color: #fff;
    }
    
    .freshgoods .itemlist .cover span {
        width: fit-content;
        font-size: 18px;
        padding: 5px 30px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    
    .freshgoods .itemlist .cover a {
        font-size: 12px;
    }
    
    .freshgoods .itemlist li:hover {
        border: 2px solid #00BE9A;
    }
    
    .freshgoods .itemlist li:hover .cover {
        bottom: 0px;
    }
    /* 最新专题区域 */
    
    .topicgoods .wrapper {
        height: 427px;
        margin-bottom: 40px;
    }
    /* 最新专题区域 title类额外设置 */
    
    .topicgoods .title {
        margin-top: 100px;
    }
    /* 最新专题区域 content类额外设置 */
    
    .topicgoods .content li {
        width: 405px;
        height: 355px;
    }
    
    .topicgoods .content .pic {
        width: 405px;
        height: 288px;
        position: relative;
    }
    
    .topicgoods .content .pic .cover {
        width: 100%;
        height: 90px;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: space-around;
        bottom: 0;
        color: #fff;
        background-image: linear-gradient(180deg, rgba(137, 137, 137, 0.00) 0%, rgba(0, 0, 0, .9) 100%);
    }
    
    .topicgoods .content .pic .cover .left h4 {
        font-size: 20px;
        margin-bottom: 6px;
    }
    
    .topicgoods .content .pic .cover .left p {
        font-size: 16px;
    }
    
    .topicgoods .content .pic .cover .right {
        font-size: 15px;
        padding: 0 7px;
        background-color: #fff;
        color: #aa2113;
        height: 25px;
    }
    
    .topicgoods .content .pic .cover .right span {
        font-size: 18px;
    }
    
    .topicgoods .content .goodsinfo {
        padding: 0 15px;
        width: 100%;
        height: 67px;
        font-size: 14px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    
    .topicgoods .content .goodsinfo .left {
        width: 126px;
        display: flex;
        justify-content: space-between;
    }
    
    .topicgoods .content .goodsinfo .left .icon-favorites-fill {
        color: #AA2113;
    }